<template>
  <div class="app">
    <el-container class="page-user">
      <el-aside width="100px" style="height: 300px;">
        <el-main class="nopadding" style="margin-top: 0px;">
          <el-menu class="menu" :default-active="page" router>
            <el-menu-item v-for="item in menu" :key="item.name" :index="item.component">
              <template #title>
                <span>{{ item.title }}</span>
              </template>
            </el-menu-item>
          </el-menu>
        </el-main>
      </el-aside>
      <el-main style="margin-left: -35px;">
        <div class="page-content has-sidebar
      " style="height: 660px">
          <div class="home_header">
            <Homeheader />
          </div>
          <div class="home_main">
            <Homemain />
          </div>
          <div class="home_down">
            <Homedown />
          </div>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import Homeheader from "../message/Homeheader.vue"
import Homemain from "../message/Homemain.vue"
import Homedown from "../message/Homedown.vue"
export default {
  name: "dashboard",
  components: {
    Homeheader,
    Homemain,
    Homedown
  },
  data() {
    return {
      menu: [{
        name: "BI",
        title: "首页",
        component: "/BI"
      }, {
        name: "Consumables",
        title: "耗材",
        component: "/Consumables"
      }, {
        name: "drug",
        title: "药品",
        component: "/drug"
      }
      ]
    }

  },
  created() {
  },
  mounted() {

  },
  methods: {
  }
}
</script>

<style>
.box {}

.home_header {
  height: 90px;
}

.home_main {
  height: 290px;
}

.home_down {
  height: 260px;
  margin-top: 10px;
}
</style>